<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>添加商家</title>
    <!-- Bootstrap -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/form.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="../assets/js/html5shiv.min.js"></script>
          <script src="../assets/js/respond.min.js"></script>
          <![endif]-->
  </head>

  <body>
    <!--内容区域-->
    <div class="content">
      <div class="content-header col-md-12">
        <div class="con-header">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <span class="content-title-pre"></span><span class="content-title-word">添加商家</span>
          </div>
        </div>
      </div>
      <div class="content-form-btn">
        <div class="col-lg-7 col-lg-offset-3 col-md-9 col-md-offset-2 add-store-table-list">
          <button type="button" class="btn btn-warning orangebtn activebtn">
                <i class="icon iconfont icon-jibenxinxi"></i>
                基本信息
              </button>
          <button type="button" class="btn btn-warning orangebtn">
                <i class="icon iconfont icon-zhifu"></i>
                支付对接
              </button>
          <button type="button" class="btn btn-warning orangebtn">
                <i class="icon iconfont icon-maidan"></i>
                买单设置
              </button>
          <button type="button" class="btn btn-warning orangebtn vip-btn">
                <i class="icon iconfont icon-huiyuan iconvip"></i>
                会员消息同步
              </button>
        </div>
      </div>
      <div class="add-store-table-con">
        <div class="content-form">
          <div class="col-md-12">
            <form class="form-horizontal" role="form">
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>商家名称</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>登录账户</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>登录默认密码</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="默认随机唯一性质密码（10位）">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">微信号</label>
                <div class="col-md-3 col-sm-6">
                  <button type="button" class="btn btn-warning wechatbtn">关联账号</button>
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">商家账号</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">商家地址</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">Email</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>授权域名</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">AppID</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">AppSecret</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">Token</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">EncodingAESkey</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">WeChatID</label>
                <div class="col-md-3 col-sm-6">
                  <input type="text" class="form-control slowinput" placeholder="">
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>LOGO</label>
                <div class="col-md-3 col-sm-6">
                  <span class="yingxiao-wutu"><img src="../assets/images/wutu.png"></span>
                  <button type="button" class="btn btn-warning wechatbtn">上传</button>
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">关注二维码</label>
                <div class="col-md-3 col-sm-6">
                  <span class="yingxiao-wutu"><img src="../assets/images/wutu.png"></span>
                  <button type="button" class="btn btn-warning wechatbtn">上传</button>
                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>是否启用</label>
                <div class="col-md-3 col-sm-6">
                  <span class="beijing">
                    <span class="yuanquan"></span>
                  </span>
                  <span class="open">已开启</span>
                  <div class="clearfix"></div>

                </div>
              </div>
              <div class="form-group mt5">
                <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">描述</label>
                <div class="col-md-3 col-sm-6">
                  <textarea class="form-control" rows="4"></textarea>
                </div>
              </div>
              <div class="fooetbtn">
                <div class="col-md-12 text-center">
                  <button type="button" class="btn btn-warning submitbtn">
                    保存
                  </button>
                  <button type="button" class="btn btn-warning canclebtn">
                    关闭
                  </button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="add-store-table-con hidden">
        <div class="col-md-12">
          <form class="form-horizontal add-store-content-zfdj" role="form">
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">商户支付设置</label>
              <div class="col-md-3 col-sm-6 choice">
                <label class="checkbox-inline radio"><input type="radio" name="radio" checked><i></i></label>联通支付
                <label class="checkbox-inline radio"><input type="radio" name="radio"><i></i></label>扫呗支付
                <label class="checkbox-inline radio"><input type="radio" name="radio"><i></i></label>微信支付
              </div>
            </div>
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>买单支付特约商户号</label>
              <div class="col-md-3 col-sm-6">
                <input type="text" class="form-control slowinput" placeholder="">
              </div>
              <button type="button" class="btn btn-warning wechatbtn width110">门店商户设置</button>
            </div>
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable"><span class="bitian">*</span>储值支付特约商户号</label>
              <div class="col-md-3 col-sm-6">
                <input type="text" class="form-control slowinput" placeholder="">
              </div>
              <button type="button" class="btn btn-warning wechatbtn width110">门店商户设置</button>
            </div>
            <div class="fooetbtn">
              <div class="col-md-12 text-center">
                <button type="button" class="btn btn-warning submitbtn">
                    保存
                  </button>
                <button type="button" class="btn btn-warning canclebtn">
                    关闭
                  </button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="add-store-table-con hidden">
        <div class="col-md-12">
          <form class="form-horizontal add-store-content-zfdj" role="form">
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 col-xs-10 control-label slowlable">允许微信买单支付</label>
              <div class="col-md-3 col-sm-6 col-xs-2">
                <div class="checkboxes checkno" onclick="checks(this)"></div>
              </div>
            </div>
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 col-xs-10 control-label slowlable">储值并支付</label>
              <div class="col-md-3 col-sm-6 col-xs-2">
                <div class="checkboxes checkno" onclick="checks(this)"></div>
              </div>
            </div>
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 col-xs-10 control-label slowlable">优惠方式可叠加</label>
              <div class="col-md-3 col-sm-6 col-xs-2">
                <div class="checkboxes checkno" onclick="checks(this)"></div>
              </div>
            </div>
            <div class="form-group mt5">
              <label for="firstname" class="col-md-5 col-sm-4 control-label slowlable">买单说明</label>
              <div class="col-md-3 col-sm-6">
                <textarea class="form-control" rows="4"></textarea>
              </div>
            </div>
            <div class="fooetbtn">
              <div class="col-md-12 text-center">
                <button type="button" class="btn btn-warning submitbtn">
                    保存
                  </button>
                <button type="button" class="btn btn-warning canclebtn">
                    关闭
                  </button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="add-store-table-con hidden">
          <div class="col-md-12">
            <div class="add-store-content-hytbxx col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-4 col-xs-12">
              <button type="button" class="btn btn-warning orangebtn w120h60">同步会员消息</button>
              <div class="tbhyxxword"><span class="bitian">*</span>可同步会员信息，包含昵称，头像，关注时间，地区等</div>
            </div>
            <div style="height: 135px;"></div>
            <div class="fooetbtn-hytbxx">
            <div class="col-md-12 text-center">
              <button type="button" class="btn btn-warning submitbtn">
                    保存
                  </button>
              <button type="button" class="btn btn-warning canclebtn">
                    关闭
                  </button>
            </div>
            
          </div>
          </div>
      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <script type="text/javascript">
      $(".yuanquan").on('click', function() {
          if($(this).hasClass('colose-input')) {
            $(this).removeClass('colose-input');
            $(this).parent().siblings('.open').html('已开启')
            $(this).parent().removeClass('huibeijing');

          } else {
            $(this).parent().siblings('.open').html('已关闭')
            $(this).addClass('colose-input');
            $(this).parent().addClass('huibeijing');

          }
        })
        // table切换选中第几个下面的第几个div显现
      $('.add-store-table-list button').on('click', function() {
        var index = $(this).index();
        $('.add-store-table-list button').removeClass("activebtn")
        $('.add-store-table-list button').eq(index).addClass("activebtn")
        $('.add-store-table-con').addClass('hidden')
        $('.add-store-table-con').eq(index).removeClass("hidden")
      })

      function checks(obj) {
        if($(obj).hasClass("checkno")) {
          $(obj).removeClass("checkno");
          $(obj).addClass("checkyes");
        } else {
          $(obj).addClass("checkno");
          $(obj).removeClass("checkyes");
        }
      }
    </script>
  </body>

</html>